<template>
	<view class="lottery_info">
		<view class="row" v-for="(d,index) in draw">
			<text class="ml20">{{d.draw_name}}</text>
			<!--<label class="line"></label>-->
			<view class="detail">
				<image :src="domain+d.photo"></image>
				<text>{{d.cash_msg}}</text>
			</view>
		</view>


	</view>
</template>
<script>
	export default {
		props: ["draw"],
		data() {
			return {
				domain: uni.$http.baseUrl + "/",
				user_num: 0,
				all_user_num: 0,

			}
		},
		methods: {

		},
		filters: {
			formatDateTime(dateTimeString) {
				const date = new Date(dateTimeString);

				const month = date.getMonth() + 1;
				const day = date.getDate();
				const hour = date.getHours().toString().padStart(2, '0');
				const minute = date.getMinutes().toString().padStart(2, '0');

				const formattedDateTime = `${month}月${day}日 ${hour}:${minute}`;

				return formattedDateTime;
			}
		},
	}
</script>
<style lang="scss" scoped>
	.lottery_info {
		padding: 30rpx 20rpx 20rpx 20rpx;
		background-color: #fff;

		.row {
			position: relative;

			font-size: 26rpx;

			.detail {
				background-color: #F5F5F5;
				padding: 20rpx;
				margin: 20rpx;

				image {
					width: 100rpx;
					height: 78rpx;
					vertical-align: middle;
				}

				text {
					line-height: 100rpx;
					font-size: 24rpx;
					margin-left: 20rpx;
					color: #868686;
				}
			}

			.line {
				position: absolute;
				border: 1px dashed #3474FA;
				top: 36rpx;
				bottom: -15rpx;
				left: 14rpx;
			}

			.line_1 {
				position: absolute;
				border: 1px dashed #3474FA;
				top: 36rpx;
				bottom: -15rpx;
				left: 14rpx;
			}

			.iconfont {
				font-size: 32rpx;
				color: #3474FA;
			}
		}
	}
</style>